<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition  xmlns="http://www.w3.org/1999/xhtml"
                 xmlns:ui="http://java.sun.com/jsf/facelets"
                 xmlns:h="http://java.sun.com/jsf/html"
                 xmlns:f="http://java.sun.com/jsf/core"
                 xmlns:p="http://primefaces.org/ui"
                 template="/template.xhtml">

    <ui:define name="body" >

        <h:form id="formSolicitud">
            <p:wizard flowListener="#{publicacionRegistroMB.irFlujoDeProceso}" nextLabel="Siguiente" backLabel="Atras">
                
                
                <p:tab id="general" title="Datos Generales">
                    <p:fieldset  legend="Datos Generales de publicación">
                       
                    <center>     
                        <p:panelGrid>
                            <p:row>
                                   <p:column ><p:outputLabel value="Titulo publicación:" for="rdescrip"/></p:column>
                                   <p:column colspan="5">
                                       <p:inputTextarea id="rdescrip" 
                                                        cols="40" value="#{publicacionRegistroMB.publicacion.descripcion}" 
                                                        required="true" requiredMessage="Descripción Obligatoria" counter="counter" 
                                                        maxlength="255" counterTemplate="{0} Caracteres disponibles de 255" rows="2">  
                                       </p:inputTextarea>
                                       <br/><h:outputText id="counter"/>
                                   </p:column>
                                   <p:column styleClass="tdmensaje" colspan="5"><h:message id="mrdescrip" for="rdescrip"/></p:column>
                               </p:row>


                               <p:row>
                                   <p:column ><p:outputLabel value="Pais :" for="rpais"/></p:column>
                                   <p:column colspan="5">
                                       <p:selectOneMenu id="rpais" value="#{publicacionRegistroMB.publicacion.idPais}" 
                                                        required="true" requiredMessage="País Obligatorio"
                                                        converter="paisConverter" style="width:200px;">
                                           <f:selectItem itemLabel="Seleccione un Pais"/>
                                           <f:selectItems value="#{paisController.getlPais()}"
                                                          var="idPaisItem"
                                                          itemValue="#{idPaisItem}"
                                                          itemLabel="#{idPaisItem.nombre}"/>
                                           <p:ajax update="mrpais"/>                            
                                       </p:selectOneMenu>                                                         
                                   </p:column>
                                   <p:column styleClass="tdmensaje" colspan="5"><h:message id="mrpais" for="rpais"/></p:column>
                                   <p:column ><p:outputLabel value="Genero de la plaza:" for="sSexo"/></p:column>
                                   <p:column>
                                       <p:selectOneMenu id="sSexo" style="width:200px;" value="#{publicacionRegistroMB.publicacion.genero}" required="true" 
                                                        requiredMessage="Debe seleccionar el sexo para la plaza">
                                           <f:selectItem itemLabel="Seleccione Genero"/>
                                           <f:selectItem itemValue="A" itemLabel="Indiferente"/>
                                           <f:selectItem itemValue="M" itemLabel="Masculino"/>
                                           <f:selectItem itemValue="F" itemLabel="Femenino"/>
                                       </p:selectOneMenu>                        
                                   </p:column>    
                               </p:row>

                        </p:panelGrid>
                    </center>
                   </p:fieldset>
                </p:tab>
                
                <p:tab id="especificos" title="Datos especificos">
                    
                    <p:fieldset  legend="Datos Especificos de publicación">
                    <center>
                        <p:panelGrid>
                                <p:row>
                                    <p:column>
                                        <p:outputLabel value="Area de Empresa:" for="rarea"/>
                                    </p:column>
                                    <p:column colspan="5">
                                        <p:selectOneMenu id="rarea" value="#{publicacionRegistroMB.areaEmpresa}" 
                                                         required="true" requiredMessage="Area Obligatoria" 
                                                         converter="areaEmpresaConverter"
                                                         style="width:200px;">
                                            <f:selectItem itemLabel="Elija una Area"/>
                                            <f:selectItems value="#{areaEmpresaController.getlAreaEmpresa()}"
                                                           var="idAreaEmpresaItem"
                                                           itemValue="#{idAreaEmpresaItem}"
                                                           itemLabel="#{idAreaEmpresaItem.nombre}"/>
                                            <p:ajax update="mrarea,rtipop"/>
                                        </p:selectOneMenu>                                                         
                                    </p:column>
                                    <p:column styleClass="tdmensaje" colspan="5"><h:message id="mrarea" for="rarea"/></p:column>

                                    <p:column ><p:outputLabel value="Tipo de Cargo:" for="rtipop"/></p:column>
                                    <p:column colspan="5">
                                        <p:selectOneMenu id="rtipop" value="#{publicacionRegistroMB.publicacion.idTipoCargo}" 
                                                         required="true" requiredMessage="Area Obligatoria" 
                                                         converter="tipoCargoConverter" style="width:200px;">
                                            <f:selectItem itemLabel="Elija una Tipo de cargo"/>
                                            <f:selectItems value="#{tipoCargoController.getLtipoCargo(publicacionRegistroMB.areaEmpresa)}"
                                                           var="idTipoCargoItem"
                                                           itemValue="#{idTipoCargoItem}"
                                                           itemLabel="#{idTipoCargoItem.nombre}"/>
                                            <p:ajax update="mrtipop"/>
                                        </p:selectOneMenu>                                                         
                                    </p:column>
                                    <p:column styleClass="tdmensaje" colspan="5"><h:message id="mrtipop" for="rtipop"/></p:column>

                                </p:row> 


                                <p:row>
                                    <p:column ><p:outputLabel value="Contratación:" for="rtipoc"/></p:column>
                                    <p:column colspan="5">
                                        <p:selectOneMenu id="rtipoc" 
                                                         value="#{publicacionRegistroMB.publicacion.idTipoContratacion}" 
                                                         required="true" requiredMessage="Tipo de Contratación Obligatoria" 
                                                         converter="tipoContratacionConverter" style="width:200px;">
                                            <f:selectItem itemLabel="Seleccione tipo de Contración"/>
                                            <f:selectItems value="#{tipoContratacionController.getlTipoContratacion()}"
                                                           var="idTipoContratacionItem"
                                                           itemValue="#{idTipoContratacionItem}"
                                                           itemLabel="#{idTipoContratacionItem.nombre}"/>
                                            <p:ajax update="mrtipoc"/>                            
                                        </p:selectOneMenu>                                                         
                                    </p:column>
                                    <p:column colspan="5"><h:message id="mrtipoc" for="rtipoc"/></p:column>   

                                    <p:column ><p:outputLabel value="Fecha de Vencimiento publicación:" for="rfechaf"/></p:column>
                                    <p:column colspan="5">
                                        <p:calendar 
                                            style="width:300px;" id="rfechaf" 
                                            value="#{publicacionRegistroMB.publicacion.fechaFin}" 
                                            navigator="true" required="true" requiredMessage="Fecha Obligatoria" 
                                            pattern="dd/MM/yyyy" timeZone="America/El_Salvador" locale="es" yearRange="y-0:y+1">
                                            <p:ajax event="dateSelect" update="mrfechaf"/>
                                        </p:calendar>
                                    </p:column>
                                    <p:column styleClass="tdmensaje" colspan="5"><h:message id="mrfechaf" for="rfechaf"/></p:column>
                                </p:row>  
                            <p:row>
                                <p:column ><p:outputLabel value="Número plazas Vacantes: " for="sVacantes"/></p:column> 
                                <p:column>
                                    <p:spinner id="sVacantes" style="width:75px;" 
                                               value="#{publicacionRegistroMB.publicacion.puestosVacantes}"
                                               min="1" max="999" size="3">
                                        <f:validateDoubleRange minimum="1" maximum="999" />
                                    </p:spinner>
                                </p:column> 
                            </p:row>
                    </p:panelGrid>
                </center>
                </p:fieldset>
                </p:tab>
                
                
                <p:tab id="requerimientos" title="Requerimientos de la plaza">
                    <p:fieldset  legend="Requerimientos de la plaza">
                    <center>
                        <p:panelGrid>
                            <p:row>
                                <p:column >
                                    <p:outputLabel value="Años experiencia: " for="sAniosExperiencia"/>
                                </p:column>  
                                <p:column>
                                    <p:spinner id="sAniosExperiencia" style="width:75px;" 
                                               value="#{publicacionRegistroMB.publicacion.anioExperiencia}" 
                                               min="1" max="100" size="3"/>
                                </p:column>

                                
                            </p:row>

                            <p:row>
                                <p:column ><p:outputLabel value="Edad Minima:" for="emin"/></p:column>  
                                <p:column>
                                    <p:spinner  style="width:75px;" id="emin" 
                                               value="#{publicacionRegistroMB.publicacion.edadInicio}" 
                                               min="18" max="100" size="3">
                                        <p:ajax update="emax"/>
                                    </p:spinner>
                                </p:column>  
                                <p:column ><p:outputLabel value="Edad Maxima:" for="emax"/></p:column>  
                                <p:column>
                                    <p:spinner style="width:75px;" id="emax" 
                                               value="#{publicacionRegistroMB.publicacion.edadFin}" 
                                               min="#{publicacionRegistroMB.publicacion.edadInicio}" 
                                               max="100" size="3"/>
                                </p:column>  
                            </p:row>

                            <p:row>
                                <p:column ><p:outputLabel value="Salario desde:" for="smin"/></p:column>  
                                <p:column>
                                    <p:spinner style="width:75px;" id="smin" value="#{publicacionRegistroMB.publicacion.salarioDesde}" size="5" stepFactor="0.50" min="0">
                                        <p:ajax update="smax"/>
                                    </p:spinner>
                                </p:column>                    
                                <p:column ><p:outputLabel value="Salario hasta:" for="smax"/></p:column>  
                                <p:column>
                                    <p:spinner  style="width:75px;" id="smax" value="#{publicacionRegistroMB.publicacion.salarioHasta}" min="#{publicacionRegistroMB.publicacion.salarioDesde}" size="5" stepFactor="0.50"/>
                                </p:column>  
                            </p:row>                
                        </p:panelGrid>
                    </center>
                    </p:fieldset>
                </p:tab>
                
                <p:tab id="detalles" title="Detalles publicación">
                    <p:fieldset  legend="Detalle de la publicación">
                        
                        <p:editor id="editorDetallesPublicacion" value="#{publicacionRegistroMB.descripcion}"/>
                        

                        <br/>
                        <div align="left">
                        <p:commandButton 
                               id="regPubl"
                               value="Registrar Publicación" 
                               icon="ui-icon-disk"
                               action="#{publicacionRegistroMB.registrarPublicacion()}"
                               title="Registrar Publicación"/>
                        </div>
                    </p:fieldset>
                </p:tab>
             </p:wizard>
                
               
           
       
        </h:form>


       
    </ui:define>

</ui:composition>
